<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				border: solid 1px;
			}
			body{
			}
			nav{
				width: ;
				height: 200px;
				vertical-align:middle;
				/* 无继承属性 */

			}
			nav *{
				vertical-align:middle;
			}
			div{
				background: #FCEDB5;
				width: 10px;
				height: 100%;
				display: inline-block;
				text-align: center;
				
			}
			nav>img{
				width: 100px;
				
			}
			article img{
				width: 10px;
				margin:0 50px;
				transform:scale(5);
			}
		</style>
	</head>
	<body>
		<nav>
			<div>6</div>
			<span>v上下居中</span>
			<!-- <p>安抚发送</p> -->
			<img src="../IMG/head.jpeg" alt="">
			<input type="button" name="" id="" value="" />
		</nav>
		<article>
			先一样高,
			<img src="../IMG/img001.jpg" >
			然后用so放大居中
			<input type="button" name="" id="" value="124" />

		</article>
	</body>
</html>
